<<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width, 
      initial-scale=1.0, maximum-scale=1.0,
       user-scalable=0,user-scalable=no,minimal-ui">

<meta content="yes" name="apple-touch-fullscreen" />

<!-- 删除默认的苹果工具栏和菜单栏 ： 即启用 WebApp 全屏模式  -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 在web app应用下状态条（屏幕顶部条）的颜色；默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- 忽略数字自动识别为电话号码 ,忽略识别邮箱 -->
<meta name="format-detection" content="telephone=no, email=no" />
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait" />
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="true" />
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true" />
<!-- 360强制全屏 -->
<meta name="360-fullscreen" content="true" />

<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" /><link rel="bookmark" href="images/favicon.ico" type="image/x-icon" />


		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			
			body {
				font-size: 12px;
				background: #f3f3f3;
			}
			
			img {
				vertical-align: middle;
				width: 100%;
			}
			
			a {
				color: white;
				text-decoration: none;
			}
			
			li {
				list-style: none;
			}
			
			.pics {
				position: relative;
			}
			
			.clearfix:after {
				display: table;
				clear: both;
				content: "";
			}
			
			.fl {
				float: left;
			}
			
			.fr {
				float: right;
			}
			
			.imgnav {
				position: absolute;
				bottom: 10px;
				width: 100%;
				text-align: center;
			}
			
			.imgnav span {
				display: inline-block;
				width: 6px;
				height: 6px;
				border: 0px solid white;
				border-radius: 7px;
				margin-left: 5px;
			}
			
			.imgnav span.now {
				background: white;
			}
			
			.top_search {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
			}
			
			.search_input {
				width: 85%;
			}
			
			.search_input input {
				width: 100%;
				height: 27px;
				border: none;
				outline: none;
				border-radius: 15px;
				box-sizing: border-box;
				margin-top: 5px;
				margin-left: 10px;
				padding-left: 50px;
			}
			
			.logintxt {
				display: block;
				height: 32px;
				line-height: 38px;
				margin-right: 5px;
				font-size: 14px;
			}
			
			.search_icon {
				width: 12px;
				height: 12px;
				position: absolute;
				left: 40px;
				top: 11px;
			}
			
			.jd_icon {
				width: 18px;
				height: 13px;
				position: absolute;
				left: 16px;
				top: 11px;
			}
			
			.mask {
				width: 100%;
				height: 32px;
				background-image: linear-gradient(#554801, rgba(0, 0, 0, 0));
				position: absolute;
				top: 0px;
				left: 0px;
			}
			
			.jdnav {
				background: white;
			}
			
			.jdnav li {
				float: left;
				width: 20%;
				text-align: center;
				padding: 5px;
				box-sizing: border-box;
			}
			
			.jdnav a {
				color: black;
			}
			
			.jdnav img {
				width: 29px;
				height: 29px;
				margin:10px ;
			}
			.ulbox li{
				   float: left;
				   widows: 50%;
				   text-align: center;
				  
				   padding: 5px;
				   box-sizing: border-box;
			}
			.ulbox{
				background: white;
			}
			.ulbox img{
				width: 100px;
				height: 100px;

			}
			.ulbox a{
				color: orangered;
				font-size:20px ;
			}
			.ulbox .yuan{
				color: #999999;
				font-size:12px ;
			}
			.bottom_nav{
				position:fixed;
				height:60px;
				bottom:0px;
				left:0px;
				z-index:2;
				width:100%;
				background:white;
			}
			.bottom_nav li{
				float:left;
				width:20%;
			}
			.table img{
				width:100px;
				height: 100px;
			}
			
		    .line{
		    
		    color: #999999;
		    }
		    .li{
		    	font-size:16px ;
		    	color: #f32424;
		    }
			.xia{
				position: absolute;
				border: 0 solid red;
				width: 100%;
				
				background: #FFFFFF;
				margin-top:10px;
				
                 }
                .bann{
                	padding-right:1px ;
                } 
                .bo{
                	border: 0px solid red;
                	margin: 20px;
                }
       .boo{
              	position: absolute;
				border: 0px solid red;
				width: 100%;
				background: #FFFFFF;	
				position: relative;
				top: 373px;
				background: #f5f5f5;
				
            }
            .bann1{
            	width:120px;
            	height: 120px;
            	
            	position: absolute;
            	left: 251px;
            }
            .bann2{
            	width:120px;
            	height: 120px;
         
            	position: absolute;
            	left: 128px;
            }.bann3{
            	width:120px;
            	height: 120px;
          	position: absolute;
            	left:4px;
            }.bann4{
            	width:120px;
            	height: 120px;
            	position: absolute;
            	left:251px;
            	top: 156px;
           
            }.bann5{
            	width:120px;
            	height: 120px;
          	position: absolute;
            	left:128px;
            	top: 156px;
            }
            
            .bann6{
            	width:120px;
            	height: 120px;
          position: absolute;
            	left:4px;
            	top:157px;
            }
            .jies{
            	width: 100%;
            	height: 900px;
            	background:#fafafa;
            }
		</style>
	</head>

	<body>
		<div class="pics">
			<div class="mask" style="position:fixed;top:0px;left:0px"></div>
			<img src="img/5a2e3106N8dd36afd.jpg" />

			<div class="imgnav">
				<span></span>
				<span></span>
				<span></span>
				<span class="now"></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>

			<div class="top_search clearfix" style="position:fixed;top:0px;left:0px">
				<div class="fl search_input">
					<form>
						<input placeholder="平板电脑，每满999减100！" />
					</form>
				</div>
				<a href="#" class="fr logintxt">
					登录
				</a>

				<img src="

AAADgKtSgAAAB/0lEQVRIiaXVTUhVQRjG8d

+1Mm2TRWALoXLRh4i1yPbRIoNw0SJwGS1KKSqLCgJpU1BBughKaJ2LwEUGfe7a

FQR9aUEUVOSuDyIuWlKLM2PT6VzJex848M4z5/3PzHvOzJSGh4dV0DL0YAc6sB

LT

+IDXuIURfK4EWFjgNeAIjqMp11eP9eHZiTO4gEGU86C6XHs1HuFsAbhITWGAhy

G3IrwFD9CeeOPoR1tYUUOI

+0NfVHvIbSmCN2A06SyjT1brQUxgKjwTwevAQdl3iJMbRWMefhidIZ5GNy5jJr

/URDO4JKt9HKAzsGbhy3EySTqK

+3NA87onK1PUicBUJ/vdloaOF2HG89WVkCuweiJ8e/LSVXOXopJmQm5UV4RvSs

w7VYCjbifxxghvTsw3NcDT3OYIn0rMXzXA093+M8InE7O1BviqJJ6M8FeJ2VUD

fGsSP4nw9CPuxYIqwCX0Ju27ET6Cr8Fsx/4q4H3+nEnfcT3CP

+Fc8uJFbJsHeDPOJ+2hwJw9W4bwLMT1GMM

+/x7JqUqynTiGJcF7LjuCpfAyduFjaDfKtvRTHMI6LMJirJXV9zGuyW6oqBZZi

eqhlLvm1uCGv8/0ajSO7vyy32ILTuHLf0C

+Kd7VbRgoqmlZds214gBu4h1+yHbz+

+D1yq62DThWNJl8WWrRCpzGHrzE7t8cqmerthhqyQAAAABJRU5ErkJggg==" class="search_icon" width="12" height="12" />

				<img src="

AAAA9rOU8AAAB7UlEQVRIicXXT4hNYRjH8c

+dblHUTVG6mtEkUSJ/J1MjG2ahiIWNtRILFigLK6WUkShSipWNFbEwKZqysDDy

JxYjlMY0RU0jU5e4Y/Gek3dOM+fWzL1zfnXq

+T3ved/zPe973nOeUxru7pGjo7ge

+R14lsTr8WaGfj/xAyMYwgs8xau8i5XzGuegxclRxVYcSvIfhJu7iYlsp7YWwc

yk1biM99iTbWzmzJzFoyQuYRlWYCN6E5BUHXiI07jUCpjPGMxp345z2J34Evow

hlvM7zI9F2boBCaj/DV0zjdMqqs4E/mFOF8UDGF5Xkb

+IJYXBVPHxciXsb8oGHiAX5HfWSTMhKlv8HVFwsDHKK4WDTMWxZWiYaaoaJglU

TxeNMyqKB5pBFNpIcgibIj8u0YwC1oIszcz/kAjmI6M/9YkkDahfEj1B/cawWy

L4ppQJjRDp7A58ncxmgdzQKhzUz3B7yaAHMeFyNeEwmzarV3GEdzJ5G/MEaIL/

bgiFFapjklmvCwsRQUrsUmYkWpmoPvChy1PndgS

+aVoF3ZML9Zkzq/jJG6nidJwd8+kfA1gn/DrESvvV6WRvuAwHsfJvGdmVHjQdk

0DMlsNCWXn2iwI/wvyGr7jE14LVX4//s7ignWMCyXC1wRgUNgAb/M6/gPrElp1

gukJzAAAAABJRU5ErkJggg==" class="jd_icon" width="18" height="13" />

			</div>
		</div>

		<ul class="clearfix jdnav">
			<li>
				<div class="img">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/jfs/t5668/159/160398199/14046/acfe1fa3/591d9424N068a7ad0.png" /></a>
				</div>
				<div class="txt">
					<a href="#">京东超市</a>
				</div>
			</li>
			<li>
				<div class="img">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/jfs/t15823/348/366776282/17012/d9435ac4/5a307f1bNe2ad7c72.png" /></a>
				</div>
				<div class="txt">
					<a href="#">全球购</a>
				</div>
			</li>
			<li>
				<div class="img">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/jfs/t5656/351/153181074/12227/e35aa8d/591d9456Naa85e195.png" /></a>
				</div>
				<div class="txt">
					<a href="#">京东服饰</a>
				</div>
			</li>
			<li>
				<div class="img">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/jfs/t5707/83/1407890143/14681/29321e2c/59263c71Nc7d16503.png" /></a>
				</div>
				<div class="txt">
					<a href="#">京东生鲜</a>
				</div>
			</li>
			<li>
				<div class="img">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/jfs/t5773/256/159664156/17475/742fec7e/591d9475Na810c2eb.png" /></a>
				</div>
				<div class="txt">
					<a href="#">京东到家</a>
				</div>
			</li>
			<li>
				<div class="img">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/jfs/t5647/156/156583179/12255/981e942a/591d94a1Nfde63a47.png" /></a>
				</div>
				<div class="txt">
					<a href="#">充值缴费</a>
				</div>
			</li>
			<li>
				<div class="img">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/s126x126_jfs/t2758/175/4146829331/10078/d6a3aa98/57aacab9N98edf989.png" /></a>
				</div>
				<div class="txt">
					<a href="#">领京豆</a>
				</div>
			</li>
			<li>
				<div class="img">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/jfs/t5872/340/146804759/11154/f4ae1409/591d94c4N79a488cc.png" /></a>
				</div>
				<div class="txt">
					<a href="#">领券</a>
				</div>
			</li>
			<li>
				<div class="img">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/jfs/t5824/248/156712927/7215/1ad6be5f/591d94c6Nc4711ad2.png" /></a>
				</div>
				<div class="txt">
					<a href="#">赚钱</a>
				</div>
			</li>
			<li>
				<div class="img">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/jfs/t5842/205/151189300/13247/a6de2d/591d94edNc42fb94d.png" /></a>
				</div>
				<div class="txt">
					<a href="#">物流查询</a>
				</div>
			</li>
		</ul>

		<div class="row">
			<img src="img/5a32073eN1fdd5d54.jpg!q70.jpg" />
		</div>
		<div class="xia">
			<div class="bo">
	     <ul class="clearfix ulbox">
	     	<li>
				<div class="bann">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t7513/241/2994865123/190339/a8bd1f19/59b8ede5Nc5740b09.jpg!q70.jpg" /></a>
				</div>
				<div class="txt1">
					<a href="#">¥455</a><br /><a class="yuan">¥655</a>
				</div>
			</li>
			<li>
				<div class="bann">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t13756/33/507173286/261322/8ca09eb4/5a0d0b3eNa581081e.jpg!q70.jpg" /></a>
				</div>
				<div class="txt2">
					<a href="#">299</a><br /><a class="yuan">¥430</a>
				</div>
			</li>
			<li>
				<div class="bann">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t3376/108/2363165851/327545/686107c9/584f577aN18ce3b83.jpg!q70.jpg" /></a>
				</div>
				<div class="txt3">
					<a href="#">4850</a><br /><a class="yuan">¥4999</a>
				</div>
			</li>
			<li>
				<div class="bann">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t13336/231/1708234866/199716/fe74f569/5a2642ebN0fa7a174.jpg!q70.jpg" /></a>
				</div>
				<div class="txt3">
					<a href="#">159</a><br /><a class="yuan">¥339</a>
				</div>
			</li>
			<li>
				<div class="bann">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t12805/361/2086942090/192906/dfdbd1a0/5a3249bcNf8d5b925.jpg!q70.jpg" /></a>
				</div>
				<div class="txt3">
					<a href="#">80</a><br /><a class="yuan">¥295</a>
				</div>
			</li>
			<li>
				<div class="bann">
					<a href="#"><img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t13243/306/1691744035/71174/f4730bed/5a26586aNf8c4a033.jpg!q70.jpg;" /></a>
				</div>
				<div class="txt3">
					<a href="#">290</a><br /><a class="yuan">¥365</a>
				</div>
			</li>
	     </ul>
	  </div>
	 </div>
	 <div class="boo">
	           <div class="bann1">
					<a href="#"><img src="img/1_04.png" /></a>
				</div>
				<div class="bann2">
					<a href="#"><img src="img/1_03.png" /></a>
				</div>
				<div class="bann3">
					<a href="#"><img src="img/1_05.png" /></a>
				</div>
				<div class="bann4">
					<a href="#"><img src="img/1_06.png" /></a>
				</div>
				<div class="bann5">
					<a href="#"><img src="img/1_08.png" /></a>
				</div>
				<div class="bann6">
					<a href="#"><img src="img/1_09.png" /></a>
				</div>
				
		
			</div>
			<div class="jies">
				
			</div>
		<div class="bottom_nav">
			<ul class="clearfix">
				<li><a href="#"><img src="http://st.360buyimg.com/m/images/index/a-home.png" /></a></li>
				<li><a href="#"><img src="http://st.360buyimg.com/m/images/index/n-catergry.png" /></a></li>
				<li><a href="#"><img src="http://st.360buyimg.com/m/images/index/n-find.png" /></a></li>
				<li><a href="#"><img src="http://st.360buyimg.com/m/images/index/n-cart.png" /></a></li>
				<li><a href="#"><img src="http://st.360buyimg.com/m/images/index/n-me.png" /></a></li>
			</ul>
		</div>

	</body>

</html>